<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>订单信息</title>
<#include "../common/header.ftl"/>
    <script type="text/javascript" src="/js/plugins/jquery.form.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery.twbsPagination.min.js"></script>
    <script type="text/javascript" src="/js/My97DatePicker/WdatePicker.js"></script>
</head>
<body>
<div>
    <div class="container">
    <#include "../common/top.ftl"/>
        <div class="row">
            <div class="col-sm-3">
            <#--<#assign currentMenu="ipLog" />-->
				<#include "../common/menu.ftl" />
            </div>

            <div class="col-sm-9">
                <table class="table">
                    <thead>
                    <tr>
                        <td><a class="btn btn-default" href="/order" role="button">返回订单列表</a></td>
                    </tr>
                    </thead>
                    <tr class="info">
                        <th colspan="4" style="text-align: center">基本信息</th>
                    </tr>
                    <tbody>

                    <tr>
                        <th align="left" style="width: 10%">订单号:</th>
                        <td align="left" style="width: 40%">${info.orderSn}</td>
                        <th align="right" style="width: 10%">订单状态:</th>
                        <td align="left" style="width: 40%">${info.orderStatusDisplay},${info.shippingStatusDisplay},${info.payStatusDisplay}</td>
                    </tr>
                    <tr>
                        <th align="left">购货人:</th>
                        <td align="left">${info.consignee}</td>
                        <th align="right">下单时间:</th>
                        <td align="left">2017-4-29 15:54:18</td>
                    </tr>
                    <tr>
                        <th align="left">支付方式:</th>
                        <td align="left">余额支付</td>
                        <th align="right">付款时间:</th>
                        <td align="left">2017-4-29 15:54:18</td>
                    </tr>
                    <tr>
                        <th align="left">配送方式:</th>
                        <td align="left">默认快递</td>
                        <th align="right">发货时间:</th>
                        <td align="left">2017-4-29 15:54:18</td>
                    </tr>
                    <tr>
                        <th align="left">发货单号:</th>
                        <td align="left">暂无</td>
                        <th align="right">订单来源:</th>
                        <td align="left">本站</td>
                    </tr>

                    </tbody>
                </table>

                <table class="table">
                    <tbody>

                    <!--收货人信息=============================================================-->
                    <tr class="info" style="padding-top: 10%">
                        <th colspan="4" style="text-align: center">收货人信息</th>
                    </tr>
                    <tr>
                        <th align="left" style="width: 10%">收货人:</th>
                        <td align="left" style="width: 40%">${info.consignee}</td>
                        <th align="right" style="width: 10%">电子邮件:</th>
                        <td align="left" style="width: 40%">${user.email}</td>
                    </tr>
                    <tr>
                        <th align="left">地址:</th>
                        <td align="left">${info.city}${info.district}${info.address}</td>
                        <th align="right">邮编:</th>
                        <td align="left">${info.zipcode}</td>
                    </tr>
                    <tr>
                        <th align="left">电话:</th>
                        <td align="left">${user.phone}</td>
                        <th align="right">手机:</th>
                        <td align="left">${info.mobile}</td>
                    </tr>

                    </tbody>
                </table>
                <!--商品信息---------=======================================================-->
                <table class="table">
                    <thead>
                    <tr class="info">
                        <th colspan="7" style="text-align: center">商品信息</th>
                    </tr>
                    </thead>
                    <tbody>
                    <!--商品信息-->
                    <tr class="warning">
                        <th>商品名称</th>
                        <th>货号</th>
                        <th>价格</th>
                        <th>数量</th>
                        <th>属性</th>
                        <th>库存</th>
                        <th>小计</th>
                    </tr>
                    <tr>
                        <td>${product.productName}</td>
                        <td>A121</td>
                        <td>${product.productPrice}</td>
                        <td>${product.productNumber}</td>
                        <td>${product.skuAttr}</td>
                        <td>100</td>
                        <td>${product.amount}</td>
                    </tr>
                    <tr>
                        <td colspan="3"></td>
                        <th>数量:</th>
                        <td>${product.productNumber}</td>
                        <th>合计:</th>
                        <td>${product.amount}</td>
                    </tr>
                    </tbody>
                </table>

                <!--操作信息=======================================================-->
                <table class="table">
                    <thead>
                    <tr class="info">
                        <th colspan="7" style="text-align: center">操作信息</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td align="right">操作备注:</td>
                        <td>
                            <textarea rows="2" cols="70"></textarea>
                        </td>
                    </tr>

                    <#if info.shippingStatus==0>
                    <tr>
                        <td align="right">当前可执行操作:</td>
                        <td>
                            <button type="button" class="btn btn-info">确认</button>
                            <button type="button" class="btn btn-info">取消</button>
                            <button type="button" class="btn btn-info">无效</button>
                        </td>
                    </tr>
                    <#elseif info.shippingStatus==1>
                    <tr>
                        <td align="right">当前可执行操作:</td>
                        <td>
                            <button type="button" class="btn btn-infoaf">售后</button>
                        </td>
                    </tr>
                    <#else >
                    <tr>
                        <td align="right">当前可执行操作:</td>
                    </tr>
                    </#if>

                    </tbody>
                </table>

                <!--操作记录===================================================-->
                <table width="98%" class="table">
                    <tr class="info">
                        <th colspan="6" style="text-align: center">
                            操作记录
                        </th>
                    </tr>
                    <tr>
                        <td align="center"><strong>操作者</strong></td>
                        <td align="center"><strong>操作时间 </strong></td>
                        <td align="center"><strong>订单状态</strong></td>
                        <td align="center"><strong>付款状态</strong></td>
                        <td align="center"><strong>发货状态</strong></td>
                        <td align="center"><strong>备注</strong></td>
                    </tr>
                <#list actions as action>
                    <tr>
                        <td align="center">admin</td>
                        <td align="center">
                            <script type="text/javascript">
                                var newTime = new Date(1495355003008);
                                var momth = newTime.getMonth() + 1;
                                document.write(newTime.getFullYear() + "-" + momth + "-" + newTime.getDate() + " " + newTime.getHours() + ":" + newTime.getMinutes() + ":" + newTime.getSeconds());
                            </script>
                        </td>
                        <td align="center">${action.orderStatusDisplay}</td>
                        <td align="center">${action.payStatusDisplay}</td>
                        <td align="center">${action.shippingStatusDisplay}</td>
                        <td align="center">${action.actionNote}</td>
                    </tr>
                </#list>
                </table>
            </div>
        </div>
    </div>
</body>
</html>